.flex{
  display: flex;
}
.flex-1{
  flex:1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-direction-row{
  flex-direction: row;
}
.flex-direction-row-reverse{
  flex-direction: row-reverse;
}
.flex-direction-column{
  flex-direction: column;
}
.flex-direction-column-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap:wrap;
}
.flex-wrap-reverse{
  flex-wrap:wrap-reverse;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-success{
  color:#09BB07;
}
.text-danger{
  color:red;
}